<!--带返回按钮键最外层-->
<template>
  <v-app>
    <v-toolbar color="blue" dark fixed app>
      <v-toolbar-side-icon @click.stop="goBack()">
        <v-icon>keyboard_arrow_left</v-icon>
      </v-toolbar-side-icon>
      <v-flex text-xs-center>
        <v-toolbar-title>
          <!-- meta+路由传参 只能选一个-->
          {{$route.meta.head}}{{$route.query.head}}
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </v-toolbar-title>
      </v-flex>
    </v-toolbar>
    <v-content>
      <router-view/>
      <!-- <v-card style="height:2000px">xx:{{bottomNav}}</v-card> -->
    </v-content>
  </v-app>
</template>

<script>
export default {
  data: () => ({
    bottomNav: ""
  }),
  watch: {
    $route(to, from) {
      this.bottomNav = this.$route.meta.bottomNav;
    }
  },
  mounted() {
    this.bottomNav = this.$route.meta.bottomNav;
  },
  methods: {
    goBack() {
      window.history.back(-1);
    }
  }
};
</script>
<style lang="less" scoped>
</style>
